<template>
  <div class="page-home overflow-y-scroll">
    <h2>Home页面</h2>
    <a-button type="primary"
              @click="showDrawer">Open</a-button>
    <a-drawer v-model:visible="visible"
              class="custom-class"
              style="color: red"
              title="Basic Drawer"
              placement="right"
              @after-visible-change="afterVisibleChange">
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-drawer>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref, reactive } from 'vue'
/* import TinymceUse from './TinymceUse.vue'
import TestAnt from './TestAnt.vue'
import AMap from '@/components/Map/AMap.vue' */

const visible = ref<boolean>(false)
const afterVisibleChange = (bool: boolean) => {
  console.log('visible', bool)
}
const showDrawer = () => {
  visible.value = true
}
</script>

<style>
.page-home {
  width: 100%;
  height: 100%;
}
</style>
